<div class="layui-card-header SearchTable">
    测试代码：<span id="detail_name_str" class="color_green">文字颜色</span>
</div>
<div class="layui-card-body">

    <span class="color-1">文字颜色color-1</span><br/>
    <span class="color-2">文字颜色color-2</span><br/>
    <span class="color-3">文字颜色color-1</span><br/>
    <span class="color-4">文字颜色color-4</span><br/>
    <span class="color-5">文字颜色color-5</span><br/>
    <span class="color-6">文字颜色color-6</span><br/>
    <span class="color-7">文字颜色color-7</span><br/>
    <span class="color-8">文字颜色color-8</span><br/>
    <span class="color-9">文字颜色color-9</span><br/>
    <span class="color-10">文字颜色color-10</span><br/>
    <span class="color-11">文字颜色color-11</span><br/>

    <br/><br/>
    <span class="bg-1" style="padding:1px">背景颜色bg-1</span>
    <span class="bg-2" style="padding:1px">背景颜色bg-2</span>
    <span class="bg-3" style="padding:1px">背景颜色bg-3</span>
    <span class="bg-4" style="padding:1px">背景颜色bg-4</span>
    <span class="bg-5" style="padding:1px">背景颜色bg-5</span>
    <span class="bg-6" style="padding:1px">背景颜色bg-6</span>
<pre class="layui-code" lay-title="测试" lay-height="" lay-skin="" lay-encode="true" about="false">
<span class="color-1">color-1</span>
<span class="bg-1" style="padding:1px">背景颜色bg-1</span>
</pre>
</div>